<!DOCTYPE html>
<html lang="zh">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>HTML常用元素</title>
</head>

<body>
  <h1> HTML常用元素</h1>
  <h2>标题元素</h2>
  <h2>区块元素</h2>
  <p>p表示段落</p>
  <h2>嵌入媒体元素</h2>
  <ul>
    <li> <img src="https://img2.baidu.com/it/u=1144822764,1428137135&fm=253&fmt=auto&app=138&f=PNG?w=681&h=434"
        alt="西北民族大学的夏季校园"></li>
    <li>
      <img src="asset/images/xbmu.webp" alt="西北民族大学校门">

    </li>
  </ul>
  <hr>
  <iframe src="https://yangjh.gitee.io/front-end/" frameborder="0" width="100%" height="400px"></iframe>
  <hr>
  <video src="asset/video/841123991325322752-20.mp4" controls height="400px"></video>

  <iframe src="//player.bilibili.com/player.html?aid=610321964&bvid=BV1C84y1N7uV&cid=1033043002&page=1" scrolling="no"
    border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe>
  <h2>表格元素</h2>
  <table border="1px">
    <tr>
      <th>表头1</th>
      <th>表头1</th>
      <th>表头1</th>
    </tr>
    <tr>
      <td>单元格内容</td>
      <td>单元格内容</td>
      <td>单元格内容</td>
    </tr>
    <tr>
      <td>单元格内容</td>
      <td>单元格内容</td>
      <td>单元格内容</td>
    </tr>
    <tr>
      <td>单元格内容</td>
      <td>单元格内容</td>
      <td>单元格内容</td>
    </tr>
  </table>
  <h2>表单元素</h2>
  <form action="https://cn.bing.com/search" method="get">
    <label>Bing: <input type="search" name="q"></label> <input type="submit" value="Search...">
  </form>
  <form action="https://z-lib.is/s" method="get">
    <label>zlib: <input type="search" name="q"></label> <input type="submit" value="搜索Zlibrary">
  </form>
  <form action="https://search.jd.com/Search" method="get">
    <label>jd: <input type="search" name="keyword"></label> <input type="submit" value="搜索jd">
  </form>
</body>

</html>
